<!DOCTYPE html>
<html lang="fr">
  <head>
    <title>Speed Away!</title>
    <script type="text/javascript" src="interface/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="interface/interface.js"></script>
    <script type="text/javascript" src="Starfish.js"></script>
    <script type="text/javascript" src="Main.js"></script>

    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  </head>
  <body>
    <div id="sounds">
      <audio id="music">
        <source src="sounds/game.ogg" type="audio/ogg" />
        <source src="sounds/game.mp3" type="audio/mpeg" />
      </audio>
      <audio id="ball_wall">
        <source src="sounds/ball_wall.ogg" type="audio/ogg" />
        <source src="sounds/ball_wall.mp3" type="audio/mpeg" />
      </audio>
      <audio id="ball_ball">
        <source src="sounds/ball_ball.ogg" type="audio/ogg" />
        <source src="sounds/ball_ball.mp3" type="audio/mpeg" />
      </audio>
    </div>
    <div id="game_box">
      <div id="player1">
        <h3 class="title">
          Joueur 1
        </h3>
        <ul class="items"></ul>
      </div>

      <div id="player2">
        <h3 class="title">
          Joueur 2
        </h3>
        <ul class="items"></ul>
      </div>

      <div id="game">
          <a id="play_button" href="#"></a>
          <canvas id="canvas" width="648" height="378">
            <p>
              Your browser does not support the canvas element.
            </p>
          </canvas>
      </div>
    </div>

    <div id="overlays">
      <div class="box" id="player1_wins">
        Le joueur 1 remporte la partie !
        <a class="replay_button" href="#"></a>
      </div>
      <div class="box" id="player2_wins">
        Le joueur 2 remporte la partie !
        <a class="replay_button" href="#"></a>
      </div>
    </div>
  </body>
</html>
